MENAMBAHAKN FITUR TAMBAH DATA pada aplikasi 

Sebelumnya sudah menambahkan provider dan screen add todo 

Sekarang buat logic pertama2 buat dahulu textEditingControler beri nama buat 2 
untuk descrips 


TODO SQFLITE 
MM dart toc 


IM android 
å build Edit titleController = 
TextEditi ler(); 
TextEditi descController - 
TextEdit roller(); 


anager.dart 
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Sekarang input add todo pertma unutk title 

Untuk controller kita panggil dahulu providers jenis todos lalu import dahulu 
Kemudian providers . of dari todos context sudah memiliki todos nya 
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TODO SQFLITE 


X iget { 
const Ac : super(key: key); 


Øoverride 
build(BuildContext context) ( 
ovider.of<Todos>(context) | 


nst EdgeInsets.all(20.0), 
child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: [ 
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Tingal taruh controles nya 
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o " 9 DÅ. « & add todo.dart X 


TODO SQFLITE 


Ma dart tool Column( 


crossAxisAlignment: gnment.start, 
children: [ 
TextField( 
controller: todos.titleController, 
decoration: Inputl 
border: Outline 
)s 
)s 
SizedBox( 
height: 19, 
)s 
TextField( 
controller: todos.descController,| 
D fiut - decoration: InputDecoration( 
D flutter-p s border: OutlineInputB 
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DEPENDENCIES 
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Agar kita check berhasil di ada elevated button coba di print title nya 
Coba klik data dilihat di debug maka dia berhasil 


Terminal Help ë todo sgflite - Visual Studi OAO å 


£ & add todo.dart X 


border: Outlin 


Button( 
onPressed: () ( 


print(todos.titleController.text); 


5 DEBUG CONSOLE 
D/EGL emulation(10685): app time stats: avg=498.74ms min=497.54ms max=499.64ms count 


/flutter (10605): BE 


emulation(10605): app time stats: avg=96.83ms mi @ms max=500.44ms count=10 


EGL emulation(10605): app time stats: avg=112.39ms min=5.54ms max=502.99ms count=1 
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Berarti sudah masuk 

Berikutnya buat instanlisasi databse nya 

Di todos sudah mempunyai 2 controlers 

Berikutnya kita instalisasi database kita ke database manager 

Buat database = manager.instance kita pangil inscatnce sudah pangil database 
Berikutnya buat function add todo bentuk nya async pertama buat database dahulu 


Pangil databse nya ini dari sgl lite disini kita pangil databse nya.db 
Setelah itu await kita insert akan syntax insert 
Pertama table nya yg kita punya tables todos untuk value tipenya map () 
Dia punya id kita buat 

Go Run Terminal Help database manager.dart - todo sgflite - Visual Studio Code D OO 08 — 


AQ - & © & database managerdart X & 


TODO SQFLITE 
Ma dartt 
openDatabase(path, version: 1, 
$ andr onCreate: (database, version) async ( 
Ia build eturn await database.execute( 


RIMARY KEY, 


& main.dart 


Future closeDB() async ( 
på sit instance.db; 
 db!.close(); 


vg=30 


EGL emulation(10605) p time stats: avg=501.98ms 


D/EGL emulation(10605) s: avg-497.@1ms min-489.44ms max 


OUTLINE Y/EGL emulation(10605): app time stats: avg=499.62ms min-497.40ms 
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Id ini sudah autocrement kita buat primary key tidak usah di input lagi jadi sifatnya 
increment kemudian 

Buat aja disni pertama title di ambil dari title.text begitu juga dgn descripsi 
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& todos.dart © @ 


TODO SAFLITE & IC 
Ru dart too TextEditingController(); 


r database = Data 


void addTodo() async ( 
3 > db = await database.db; 
await db.insert( di 
: titleController.text, 
: descController.text, 


manager.dart 


s-dependencies 
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EGL emulation(10685): app time stats: a s min=494.52ms max-503.35ms count 


EGL emulation(1Ø685): app time stats: a in=492.15ms max=584.71ms count 
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Artinya sudah menambhakn datanya Ketika ini dijloankan kita sudah menambhakn 
datanya 

Kembali ke add todo 

Ketika di klik maka sudah menjalan function tersebut 

Kitajalan kana todos.addtodo 

Kita jalankan 


Lalu kita tulis 
n View Go Run Terminal Help add todo.dart - todo sqflite - Visual Studio Code ORO - 


add todo.dart X 


Add Todo 


d: () £ 
os.addTodo(); 
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Maka tidak ada masalah 

Datanya sudah berhasil masuk jadi disni kalau datany kosong maka teteap di add 
Maka buat kondisi dahulu 

Cut dahulu 

Jika titleControler tidak kosong dan descriControler tidak kosong 

Jadi kedua isinya ada huruf nya Ketika diklik maka dijalankan ini 

Jika berhasil maka dibuat print data ditambhkan 


& add todo.dart X 


tton( 
onPressed: () ( 
if (todos.titleController.text.isNotEmpty && 
todos.descController.text.isNotEmpty) ( 
todos.addTodo(); 


); 


5 DEBUG CONSOLE 
D/InputMethodManager (106: showSoftInput() view=io.flutter.embedding.android.FlutterView{6362ad2 
0,0-1080,2148 #1 aid-1073741824) flags-@ reason=SHOW SOFT INPUT 

ASS ure(10605): Flattened f 6 bytes, containing 1 windows, 3 views 
InsetsCont er(10605): show(ime( 
)/EGL_emulat 10605): app time stats: avg=99.47ms min=10.98ms max=496.75ms count=10 
2 78ms count=3 


EGL emulation(10605): app time stats: avg=376.9 ms count=3 
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D/EGL emula 10605): app time stats 
D 
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EGL_emulation(10605): app_time_stats 3@ms count=33 
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Kalau kosng tidak ada apa 
Kalau ada maka berhasil ditambahkn 
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19, 


onPressed: () ( 
if (todos.titleController.text.isNotEmpty && 
todos.descController.text.isNotEmpty) ( 
todos.addTodo(); 
print( | y; 


) 
)» 
child: Text( )» 


DEBUG CONSOLE 
er(10605): show(ime(), fromIme=true 
10605) 
10605 
10605): app time stats 107.44ms max=500.84ms count 
flutter (10605): Data ditambahkan 
EGL emulation(10605): app time stats: avg=42.3 98ms max=500.27ms count=28 
EGL emulation(10605): app time stats: avg=49 497.96ms max=498.86ms count=3 


D/EGL emulation(10605 app time stats 500.38ms max=502.82ms c 
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Disini kita buat loading sebentar 
Diatas buat dahulu boll sebuah proses 
Saat ambil data maka loading true 


Kemudian diakhir function loading false lagi maka proses sudah selesai 


Kita buat notieflistener dan dibawah juga noftierListenenr 
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& todosdart X & " 


Datat Mar a .instance; 


void addTodo() 
isLoading = true; 


ners(); 
ait database.db; 
await db.insert( ET 
': titleController.text, 
: descController.text, 


}); 


isLoading 
notifyListeners(); 
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D/EGL_emulat 10605 app_time_stats 88 52ms max=503.52ms count=3 


EG 10605): app_time_stats 9 s max=501.97ms count=2 

19605): app time stats: avg=500.7 s 71ms count=2 

10605): app time stats 7 2 max=499.58ms count=3 

EGL emulation(10605): app time stats 9 in=49 158 max-504.73ms count=2 
Reloaded 1 of 875 1 aries in 668ms 

D/EGL emulat app time stats Sims min=496.84ms max=503.67ms count=3 


D/EGL emulation( app time stats 85ms min=495.46ms max=508.23ms count=2 
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Kemudian di add todo di text nya kasih sebuah perbandingan Ketika isloading true 
maka akan dimunculkan loading Ketika laoding flase maka menampilkan add 


Qi 
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" D S1 add todo.dart X 


onPressed: () ( 
if (todos.titleController.text.isNotEmpty && 
todos.descController.text.isNotEmpty) ( 
todos.addTodo(); 
print( € ); 


Text(todos.isLoading ? 


5 DEBUG CONSOLE 


D/EGL_emulation(10605): app time stats: avg=503 max=508. 23ms 


EGL emula 10605): app time stat V s 92.46ms 44ms c 
10685 app time st V max @.88ms 
10605): app time stats: avg- i : s max-506.09ms 
10605): app time stats N 29 5 max=504.89ms c 


10605): app time stats: avg=49 E max=499.26ms co 
875 libraries in 66Øms 


EGL emulation( 10605 app time stats vg=502 2 max=678.35ms cou 


MO ex ec AEREN: Re Å Å hl oas "| 
Direstart di coba ditambahkan data 3 dan dibawah juga data 3 
Ketika di add maka dia ada loading sebentar 
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& " D | add todo.dart X 


onPressed: () ( 
if (todos.titleController.text.isNotEmpty && 
todos.descController.text.isNotEmpty) ( 
todos.addTodo(); 
print( € Ja 
} 
} 
child: Text(todos.isLoading ? 
) 
L 


5 DEBUG CONSOLE 


D/EGL_emulati 1 ): app_time_stats vg=498.22ms min=495.8Øms max=501.37ms count=3 


flutter 0695 Data ditambahkan 
10605): app_time_stats: avg=55.19ms mi max=324.97ms count=16 
10605) ) time stats vg=498.89ms min=495.64ms max=501.12ms count=3 

EGL emulation(10605): app time stats: avg=499 min=498.91ms max=501.55ms count-3 


EGL emula 10605): app time stats: avg=17.3 min=5.5Øms max=321.79ms count=41 
flutter (10605): Data ditambahkan 
D/EGL emulation(10605): app time stats g=28.07ms min=5.21ms max=490.86ms count=48 
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KOK On I B3. » AAK 9) 00:46 a | 
Ini guna nya is loading Ketika sudah diklik maka diasudah Kembali maka Kembali 
Mengunakan navigator pop 
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10, 
», 
ElevatedButton( 
onPressed: () ( 
if (todos.titleController.text.isNotEmpty && 
todos.descController.text.isNotEmpty) ( 
todos.addTodo(); 
print( ); 


.pop(context); 


h 
child: Text(todos.isLoading ? 
l, 
)» 
Di 
DEBUG CONSOLE 
er( 10685 show(ime(), fromime=t 
19605): app time stats 84ms max=968.85ms count=19 
n( 18605 app time stats v 2.47ms max=3002.49ms count 
showSoftInput() vie r.embedding.android.FlutterView(6362ad2 VFE 
SHOW SOFT INPUT 
re(10605) Flattened nal assist data ytes, containing 1 windows, 3 lews 
2 D/InsetsController(10605) show(ime(), fromIme=true 
D/EGL emulation(10605): app time stats: avg=69.61ms min=7.79ms max=501.85ms count=28 
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Untuk melihat datanya seperti apa 

Untuk melihat datanya maka kita print sebelumnya kita buat datany dahulu 
Ketika datanya diadd masuk kedalam list dgn Map 

Didalmnya ada string dan dynamic dinamakan data dan await db.query lalu table 
nya todos 

Lalu kita print data 


Kita buat lagi data 5 
Maka sudah mempunyai data 
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void addTodo() : 
isLoading = tr 
notifylListeners(); 
Dat e db = await database.db; 
wait db.insert( 2 ui 
': titleController.text, 
: descController.text, 


»: 


List<Map<String, dynamic»» data = await db.query( 
print(data), 


isLoading = false; 
notifyListeners(); 
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D/EGL emulation(10605): app time stats: avg-435.04ms min=309.54ms max=502.Ø1ms count=3 

D/EGL emulation(10605): app time stats: avg=3970.62ms min=2.46ms max=75301.76ms count=19 

I/flutter (10605 [fid: 1, title: data 1, description: data 1), (id: 2, title: data 2, description: data 2), 
(id: 4, title: data 3, description: data 3), (id: 5, title: data 3, description 


fid: 3, 


title: data 3, description: data 3), 
data 3), (id: 6, title: data 5, description: data 5)] 
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maka sudah ada data 1 dan data 2 dan seterusnya 
Berate sudah memasukan data kita kedalam databases 
Berikut nya menampilkan data kita 

Dan buat models 


Pubspec 


db / database manager.dart 


, 


DatabaseManager { 


DatabaseManager. privat (DE 
DatabaseManager instace = DatabaseManager. pi 


Database? db; 


Future<Database> db 
(db == DEG 
Ay = initDb(); 


Directory docDirectory = 
String path = (docDirectory.path, 


Da (path, version: 1, 
onCreate: (database, version) I 
database.exe e( 


0 l 


instace.db; 


Main.dart 


0 4 
( MyApp()); 


MyApp StatelessWidget I 
t MyApp((Key? key)) : (key: key): 


@override 
Widget build(BuildContext context) 4 
MaterialApp( 
home: ChangeNotifierProvider( 
create: (context) => Catat), 
child: LayarCatatan(), 


Catat ChangeNotifier I 
TextEditingController judulControler = TextEditingController(); 
TextEditingController keteranganControler = TextEditingController(); 


DatabaseManager database = DatabaseManager.instace; 


bool isLoading = 


tambahCatat() { 
Database db = database.db; 
db.insert( i 


: JudulControler.text, 
: keteranganControler.text, 


»: 


List<Map<String, dynamic>> data = 
nt(data); 


isLoading = 


) 
5 


rs(); 


Layar catatan.dart 


, 


LayarCatatan StatelessWidget { 
LayarCatatan(4Key? key)) : (key: key): 


@override 
Widget ld(BuildContext context) £ 
Scaffold( 
floatingActionButton: FloatingActionButton( 
onPressed: () I 
Navigator.push( 
context, 
MaterialPageRoute( 
builder: (context) => ChangeNotifierProvider( 
create: (context) => Catat(), 
child: TambahCatatan(), 


}, 
child: Icon(Icons.add task), 


DE 
appBar: AppBar( 
title: Text( 


Tambah catatan.dart 


, 


TambahCatatan StatelessWidget { 
TambahCatatan(4Key? key)): (key: key); 


@override 
Widget ld(BuildContext context) £ 
Catat catat = Provider.ofxCatat-(context): 


return Scaffold( 
appBar: AppBar( 
title: Text('Tambah Catatan'), 
hp 
body: Padding( 
padding: const Edgelnsets.all(20.0), 
child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: I 
TextField( 
controller: catat.judulControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
hr 
), 
SizedBox( 
height: 10, 


Je 
TextField( 
controller: catat.keteranganControler, 


decoration: InputDecoration( 
border: OutlinelnputBorder(), 
), 
), 
ElevatedButton( 
onPressed: () { 
if (catat.judulControler.text.isNotEmpty 
catat.keteranganControler.text.isNotEmpty) I 
catat.tambahCatat(); 
print("Data Ditambahkan"); 


Je 
child: Text(catat.isLoading ? "Tunggu..." : "Tambah"), 


